<p style="padding: 5px;"></p>

<nz-card>
  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" 
            [(ngModel)]="q.fxjOut08"(ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="所属区域" [(ngModel)]="q.fxjOut02" name="fxjOut02">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入姓名" [(ngModel)]="q.cusName" name="cusName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入身份证" [(ngModel)]="q.cusIncard" name="cusIncard">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车牌" [(ngModel)]="q.orderCarno" name="orderCarno">
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      
      <nz-col nzMd="3" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="reloadBi()">{{'search' | translate}}</button>
      </nz-col>
    </nz-row>
  </form>
</nz-card>

<!-- <div nz-row [nzGutter]="24">
  
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="车身价" total="{{obj.fxjOut08}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut08}}">
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="购置税" total="{{obj.fxjOut09}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="商业险" total="{{obj.fxjOut10}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="交强险" total="{{obj.fxjOut11}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="车船税" total="{{obj.fxjOut12}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第二年商业险" total="{{obj.fxjOut13}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第二年交强险" total="{{obj.fxjOut14}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第二年车船税" total="{{obj.fxjOut15}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第三年商业险" total="{{obj.fxjOut16}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第三年交强险" total="{{obj.fxjOut17}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="第三年车船税" total="{{obj.fxjOut18}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="承运险" total="{{obj.fxjOut19}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="驾意险" total="{{obj.fxjOut20}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="上牌费" total="{{obj.fxjOut21}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="拖车费" total="{{obj.fxjOut22}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="牌照快递费" total="{{obj.fxjOut23}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="处理违章费用" total="{{obj.fxjOut24}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="洗车费" total="{{obj.fxjOut25}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="停车费" total="{{obj.fxjOut26}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="保证保险" total="{{obj.fxjOut27}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="人身意外险" total="{{obj.fxjOut28}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="变更行驶证" total="{{obj.fxjOut29}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="底盘装甲" total="{{obj.fxjOut30}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="装饰费" total="{{obj.fxjOut31}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="营业证" total="{{obj.fxjOut32}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="北斗GPS" total="{{obj.fxjOut33}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="风控GPS" total="{{obj.fxjOut34}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="GPS安装费" total="{{obj.fxjOut35}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="车辆检测费" total="{{obj.fxjOut36}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="返点佣金" total="{{obj.fxjOut37}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="销售奖励" total="{{obj.fxjOut38}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="车行返点" total="{{obj.fxjOut39}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="运输证费用" total="{{obj.fxjOut40}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="上牌费" total="{{obj.fxjOut41}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="总支出费用" total="{{obj.fxjOut42}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="总售价" total="{{obj.fxjOut43}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="首付订金" total="{{obj.fxjOut44}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="尾款" total="{{obj.fxjOut45}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="车辆维修" total="{{obj.fxjOut46}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6" *ngFor="let obj of list">
    <g2-card title="营利" total="{{obj.fxjOut47}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip nzTitle="{{obj.fxjOut09}}">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div> -->
<!-- <div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'公司(家)' | translate" total="{{workbench.fxjOut11}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'公司(家)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'已完成(笔)' | translate" total="{{workbench.fxjOut12}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'已完成(笔)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'初审通过(台数)' | translate" total="{{workbench.fxjOut13}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'初审通过(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'复审通过(台数)' | translate" total="{{workbench.fxjOut14}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'复审通过(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>

  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
    <g2-card [title]="'已签约(台数)' | translate" total="{{workbench.fxjOut15}}" contentHeight="44px" [action]="action1">
      <ng-template #action1>
        <nz-tooltip [nzTitle]="'已签约(台数)' | translate">
          <i nz-tooltip nz-icon type="info-circle"></i>
        </nz-tooltip>
      </ng-template>
    </g2-card>
  </div>
</div> -->



  
  <div nz-row [nzGutter]="24">

    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">

      <simple-table #st
                    [columns]="columns"
                    [data]="url"
                    [ps]="ps"
                    [extraParams]="q"
                    [resReName]="{ total: 'total', list: 'data'}"
                    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                    toTopInChange
                    [showTotal]="true"
                    [showPagination]="true"
                    [showSizeChanger]="true"
                    [scroll]="{  x: '4800px' }"
      >


      </simple-table>
    </div>
  </div>


